.dh-select {
    --dh-select-item-hover-bg-color: var(--dh-fill-color-light);
    --dh-select-item-font-size: var(--dh-font-size-base);
    --dh-select-item-font-color: var(--dh-text-color-regular);
    --dh-select-item-selected-font-color: var(--dh-color-primary);
    --dh-select-item-disabled-font-color: var(--dh-text-color-placeholder);
    --dh-select-input-focus-border-color: var(--dh-color-primary);
  }
  
  .dh-select {
    display: inline-block;
    vertical-align: middle;
    line-height: 32px;
    .dh-tooltip .dh-tooltip__popper {
      padding: 0;
    }
    .dh-input.is-focus .dh-input__wrapper {
      box-shadow: 0 0 0 1px var(--dh-select-input-focus-border-color) inset!important
    }
    .dh-input {
      .header-angle {
        transition: transform var(--dh-transition-duration);
        &.is-active {
          transform: rotate(180deg);
        }
      }
    }
  
    .dh-input__inner {
      cursor: pointer;
    }
    .dh-select__nodata, .dh-select__loading {
      padding: 10px 0;
      margin: 0;
      text-align: center;
      color: var(--dh-text-color-secondary);
      font-size: var(--dh-select-font-size);
    }
    .dh-select__menu {
      list-style: none;
      margin: 6px 0;
      padding: 0;
      box-sizing: border-box;
    }
    .dh-select__menu-item { 
      margin: 0;
      font-size: var(--dh-select-item-font-size);
      padding: 0 32px 0 20px;
      position: relative;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      color: var(--dh-select-item-font-color);
      height: 34px;
      line-height: 34px;
      box-sizing: border-box;
      cursor: pointer;
      &:hover {
        background-color: var(--dh-select-item-hover-bg-color);
      }
      &.is-selected {
        color: var(--dh-select-item-selected-font-color);
        font-weight: 700;    
      }
      &.is-highlighted {
        background-color: var(--dh-select-item-hover-bg-color);
      }
      &.is-disabled {
        color: var(--dh-select-item-disabled-font-color);
        cursor: not-allowed;
        &:hover {
          background-color: transparent;
        }
      }
  
    }
  }